<ui:composition template="/WEB-INF/plantillas/layout1.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
    			xmlns:f="http://java.sun.com/jsf/core"
    			xmlns:h="http://java.sun.com/jsf/html"
    			xmlns:ui="http://java.sun.com/jsf/facelets"
    			xmlns:p="http://primefaces.org/ui"
    			xmlns:c="http://java.sun.com/jsp/jstl/core"
				xmlns:fn="http://java.sun.com/jsp/jstl/functions"
>
<!-- Define el titulo de la pagina -->
<ui:define name="titulopagina">Consultar Datos Sensibilizacion</ui:define>

<!-- Define el contenido del cuerpo -->
<ui:define name="contenedor">
<p:layout      style="max-width: 100%; height: 80%" fullPage="false" 
          	   id="layout">
<p:layoutUnit  position="west" 
               header="Menu" 
               resizable="true" 
               closable="false" 
               collapsible="true">
	<h:form>
		<p:menu>
           	<p:menuitem  value="Consultar Datos Asignados" url="${pageContext.request.contextPath}/paginas/promocion/consultarpromocion.spp" icon="ui-icon-search" />           
			<p:menuitem  value="Consultar Datos Sensibilizacion" url="${pageContext.request.contextPath}/paginas/promocion/consultarpromocion.spp" icon="ui-icon-search" />           
           	<p:menuitem  value="Registrar Datos Sensibilizacion" url="${pageContext.request.contextPath}/paginas/promocion/registrarpromocion.spp" icon="ui-icon-search" />           
    	</p:menu>
	</h:form>
</p:layoutUnit>
<p:layoutUnit  position="center">
<p class="subtitle"><b>Consultar Datos Sensibilizacion</b></p>
	<p:panelGrid columns="2">
			<f:facet name="header">  
				Consultar Registros Asignados 
			</f:facet>

			<h:outputLabel for="codigo" 
			               value="Portafolio" />
			<h:selectOneMenu  >  
                <f:selectItem itemLabel="Portafolio 1" itemValue="" />  
                <f:selectItem itemLabel="Portafolio 2" itemValue="" />  
				<f:selectItem itemLabel="Portafolio 3" itemValue="" />  
            </h:selectOneMenu> 
			
		<h:outputLabel for="codigo" 
			               value="Anho" />
			<h:selectOneMenu  >  
                <f:selectItem itemLabel="2012" itemValue="" />  
                <f:selectItem itemLabel="2013" itemValue="" />  
				<f:selectItem itemLabel="2014" itemValue="" />  
            </h:selectOneMenu> 	

<h:outputLabel for="codigo" 
			               value="Detartamento" />
			<h:selectOneMenu  >  
			 <f:selectItem itemLabel="seleccionar" itemValue="" />  
                <f:selectItem itemLabel="Piura" itemValue="" />  
                <f:selectItem itemLabel="Lima" itemValue="" />  
				<f:selectItem itemLabel="Arequipa" itemValue="" />  
            </h:selectOneMenu> 	

	<h:outputLabel for="codigo" 
			               value="Provincia" />
			<h:selectOneMenu  >  
                <f:selectItem itemLabel="seleccionar" itemValue="" />  
                
            </h:selectOneMenu> 	
<h:outputLabel for="codigo" 
			               value="Distrito" />
			<h:selectOneMenu  >  
                <f:selectItem itemLabel="seleccionar" itemValue="" />  
                
            </h:selectOneMenu> 			
			
			<f:facet name="footer">
			<div align="center">
			<p:commandButton value="Consultar"  id="consultar" icon="ui-icon-search" />
			</div>
			</f:facet>
		</p:panelGrid>
		
		
		<br />
		<p:dataTable id="necs" 
		             var="por"
				     value="#{controladorNec.cadena}"
				     editable="false"
					 paginator="true" 
					 rows="10"
					 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
		
			<p:column headerText="Codigo">
				<h:outputText value="001" />
			</p:column>
			<p:column headerText="Descripcion">
				<h:outputText value="NEC 1" />
			</p:column>
			<p:column>
					<p:commandButton id="selectButton1"
					oncomplete="PF('datos').show()" icon="ui-icon-pencil" title="View">  
					
					</p:commandButton>
				</p:column>
		</p:dataTable>
		<p:dialog header="Promocion" widgetVar="datos" resizable="true"
				showEffect="fade" hideEffect="explode" >
	
	
	
	
	
	<p:tabView id="tabView"> 
	
	
		 <p:tab id="tab1" title="Datos Principales"> 
			<p:panelGrid columns="3">
		
		<h:outputLabel value="Nombre de la Municipalidad "/>
			<p:inputText  />
	<h:outputLabel value="" />
		<h:outputLabel value="Fecha de la visita programada a la municipalidad distrital" />
			<p:calendar  locate="ES"/>	
<h:outputLabel value="" />			
		<h:outputLabel value="Identificador del agente asignado" readonly="true"/>
		<p:inputText  />	
			<p:commandButton icon="ui-icon-search" title="View" />  
			
		<h:outputLabel value="Identificador del agente que ejecuta la visita" readonly="true"/>
		<p:inputText  />
		<p:commandButton icon="ui-icon-search" title="View" />  
					
			<h:outputLabel value="Fecha de la visita ejecutada" />
			<p:calendar  locate="ES"/>		
	</p:panelGrid>	
		
		  </p:tab>
		  
		   <p:tab id="tab0" title="Documentos"> 
	 
	 <p:panelGrid columns="2">
			<p:fileUpload  mode="advanced"  
            auto="true" label="Acta de Compromiso " sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/> 
            <p:fileUpload  mode="advanced"  
            label="Informe de la UT" auto="true" sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/> 
	</p:panelGrid>
	
	<p:dataTable id="necsss" 
		             var="por"
				     value="#{controladorNec.cadena}"
				     editable="false"
					 paginator="true" 
					 rows="10"
					 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
		
			<p:column headerText="Codigo Documento">
				<h:outputText value="001" />
			</p:column>
			<p:column headerText="Descripcion Documento">
				<h:outputText value="NEC 1" />
			</p:column>
			<p:column headerText="Estado Documento">
				<h:outputText value="NEC 1" />
			</p:column>
			<p:column headerText="Tipo Documento">
				<h:outputText value="NEC 1" />
			</p:column>
			
		</p:dataTable>
	
	
	 </p:tab>
		  
			
		<p:tab id="tab3" title="Representante Localidad"> 
		
	
		<p:commandButton  oncomplete="PF('representante').show()" icon="ui-icon-document" title="View">  
						</p:commandButton>	
		
			<p:dataTable id="necs1" 
		             var="por"
				     value="#{controladorNec.cadena}"
				     editable="false"
					 paginator="true" 
					 rows="10"
					 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
		
			<p:column headerText="DNI">
				<h:outputText value="001" />
			</p:column>
			<p:column headerText="Nombre">
				<h:outputText value="NEC 1" />
			</p:column>
			
			
			
		</p:dataTable>
		
		
		
		  </p:tab> 	


<p:tab id="tab2" title="Centro Poblado"> 
			
			<p:panelGrid columns="2">
			<f:facet name="header">  
				Buscar CCPP 
			</f:facet>

			<h:outputLabel for="codigo" 
			               value="Codigo" />
			<p:inputText   id="codigo"
					       value="" 
					       label="codigo" />
			<h:outputLabel for="descripcion" 
			               value="Descripcion" />
			<p:inputText   id="descripcion"
					       value=""
					       label="descripcion" />
			
			<f:facet name="footer">
			<div align="center">
			<p:commandButton value="Consultar"  id="consultar" icon="ui-icon-search" />
			<p:commandButton  
					oncomplete="PF('proyectoDialog').show()" icon="ui-icon-document" title="View">  
						</p:commandButton>	
			</div>
			
			
			
			</f:facet>
		</p:panelGrid>
			<p:dataTable id="necs" 
		             var="por"
				     value="#{controladorNec.cadena}"
				     editable="false"
					 paginator="true" 
					 rows="10"
					 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
		
			<p:column headerText="Codigo">
				<h:outputText value="001" />
			</p:column>
			<p:column headerText="Descripcion">
				<h:outputText value="NEC 1" />
			</p:column>
			<p:column>
					<p:fileUpload  mode="advanced"  
						auto="true" label="Acta de Compromiso " sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/> 
					<p:commandButton  
					oncomplete="PF('proyectoDialog').show()" icon="ui-icon-pencil" title="View">  
						</p:commandButton>			 
				</p:column>
		</p:dataTable>
			
			
		  </p:tab> 
		  
		  <p:tab id="tab22" title="Actor Local"> 
			
			<p:panelGrid columns="2">
			<f:facet name="header">  
				Buscar Actores Locales 
			</f:facet>

			<h:outputLabel for="codigo" 
			               value="Codigo" />
			<p:inputText   
					       value="" 
					       label="codigo" />
			<h:outputLabel for="descripcion" 
			               value="Descripcion" />
			<p:inputText   
					       value=""
					       label="descripcion" />
			
			<f:facet name="footer">
			<div align="center">
			<p:commandButton value="Consultar"  icon="ui-icon-search" />
			<p:commandButton  
					oncomplete="PF('proyectoDialog1').show()" icon="ui-icon-document" title="View">  
						</p:commandButton>	
			</div>
			
			
			
			</f:facet>
		</p:panelGrid>
			<p:dataTable id="necssss" 
		             var="por"
				     value="#{controladorNec.cadena}"
				     editable="false"
					 paginator="true" 
					 rows="10"
					 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
		
			<p:column headerText="Codigo">
				<h:outputText value="001" />
			</p:column>
			<p:column headerText="Descripcion">
				<h:outputText value="NEC 1" />
			</p:column>
			<p:column>
					<p:fileUpload  mode="advanced"  
						auto="true" label="Acta de Compromiso " sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/> 
					<p:commandButton  
					oncomplete="PF('proyectoDialog1').show()" icon="ui-icon-pencil" title="View">  
						</p:commandButton>			 
				</p:column>
		</p:dataTable>
			
			
		  </p:tab> 



		  
	</p:tabView> 
	
	</p:dialog>
		<p:dialog header="Agregar Datos CCPP" widgetVar="proyectoDialog" resizable="true"
				id="metaDlg" showEffect="fade" hideEffect="explode" >

				
				<p:commandButton icon="ui-icon-disk"
						
						oncomplete="PF('proyectoDialog').hide()" />
				
				<h:panelGrid columns="2" >
				<h:outputLabel value="Centro Poblado visitado u otro actor local" />
				<p:inputText  />
				<h:outputLabel value="Fecha de aceptación del centro poblado" />
				<p:inputText  />
				<h:outputLabel value="Fecha de aceptación del centro poblado" />
				<p:calendar  />
				<h:outputLabel value="Identificador del agente que realizó la visita (DNI)" />
				<p:inputText  />
				<h:outputLabel value="Fecha de la visita realizada" />
				<p:calendar  />
				<h:outputLabel value="Fecha de la visita realizada" />
				<p:selectBooleanCheckbox />
				<h:outputLabel value="Descripción de compromisos" />
				<p:inputText  />
				<h:outputLabel value="Conclusiones  de la focalización" />
				<p:inputTextarea  />


			
			 
				</h:panelGrid>

			</p:dialog>
			
			<p:dialog header="Agregar Actor Local" widgetVar="proyectoDialog1" resizable="true"
				id="metaDlgaa" showEffect="fade" hideEffect="explode" >

				
				<p:commandButton icon="ui-icon-disk"
						
						oncomplete="PF('proyectoDialog').hide()" />
				
				<h:panelGrid columns="2" >
				<h:outputLabel value="ID del actor " />
				<p:inputText  />
				<h:outputLabel value="Tipo de actor " />				
				<p:inputText  />
				<h:outputLabel value="Nombre" />
				<p:inputTextarea  />
				<h:outputLabel value="Ruc" />
				<p:inputText  />
				<h:outputLabel value="Direccion" />
				<p:inputTextarea  />
				<h:outputLabel value="Telefono" />
				<p:inputText  />
				<h:outputLabel value="Correo" />
				<p:inputText  />
				
				


			
			 
				</h:panelGrid>

			</p:dialog>
			
			<p:dialog header="Representante" widgetVar="representante" resizable="true"
				id="representante" showEffect="fade" hideEffect="explode" >

				
				<p:commandButton icon="ui-icon-disk"
						
						oncomplete="PF('proyectoDialog').hide()" />
				
				<h:panelGrid columns="2" >
				<h:outputLabel value="DNI" />
				<p:inputText  />
				<h:outputLabel value="Ap Paterno" />				
				<p:inputText  />
				<h:outputLabel value="Ap Materno" />				
				<p:inputText  />
				<h:outputLabel value="Nombre" />
				<p:inputTextarea  />				
				<h:outputLabel value="Direccion" />
				<p:inputTextarea  />
				<h:outputLabel value="Telefono" />
				<p:inputText  />
				<h:outputLabel value="Correo" />
				<p:inputText  />
				
				


			
			 
				</h:panelGrid>

			</p:dialog>
		
</p:layoutUnit>
</p:layout>
</ui:define>

</ui:composition>